<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lu_CompanyInformation</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="ADMIN_PUBLIC/css/bootstrap.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/font-awesome.min.css" rel="stylesheet">

    <link href="ADMIN_PUBLIC/css/animate.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/style.min.css" rel="stylesheet">

    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_common.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_CompanyInformation.css">

    <style>
        #choose_time>input[disabled]{
            background: transparent;
        }
        #add_people input[readonly], #edit_people input[readonly]{
            background-color: #EDEDED;
            color: #333;
        }
        .progress{
            /*text-align:center;*/
            /*display:none;*/
            opacity:0;
            background-color:#ccc;
            border-radius:16px;
            position:relative;
            height:20px;
            width:280px;
            text-align:center;
            margin:0 auto;
        }
        .progress.active{
            /*display:block;*/
            opacity:1;
        }
        .progress>div{
            width:0%;
            height:20px;
            background-color:red;
            border-radius:16px;
            position:absolute;
            left:0;
            top:0;
            bottom:0;
            text-align:center;
        }
        .progress>div>span{
            /*position:absolute;*/
            color:#fff;
            font-size:14px;

        }
        /*#progress .charts{*/
            /*background-color:#ccc;*/
            /*font-size:14px;*/
            /*margin:0 auto;/*/
        /*}*/
        /*#progress .barline{
            width:280px!important;
        }*/
        .g_logo, .l_logo{
            display:inline-block;
            width:24px;
            height:24px;
            vertical-align: middle;
        }
        .g_logo{
            background:url('ADMIN_PUBLIC/img/g_logo.png');
        }
        .l_logo{
            background:url('ADMIN_PUBLIC/img/l_logo.png');
        }
    </style>

</head>
<body class="color_fff">
    <div class=" row  border-bottom white-bg dashboard-header CompanyInfoBox">
        <!--基本信息-->
        <ul class=" col-sm-12 CompanyInfoList" id="CompanyInfoList">
            <li>
                <span class="CompanyInfo_name">企业名称：</span>
                <span class="info_span" data-name="name"></span>
                <!--<input type="text" value="杭州鹏速网络科技" readonly class="com_inputStyle" >-->
            </li>
            <li>
                <span class="CompanyInfo_name">企业统一社会信用代码：</span>
                <span class="info_span" data-name="social_credit_code"></span>
            </li>
            <!-- <li>
                <span class="CompanyInfo_name">企业注册号：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="Registration_number">
            </li>
            <li>
                <span class="CompanyInfo_name">组织机构号：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="Organization_number">
            </li> -->
            <li>
                <span class="CompanyInfo_name">注册资金：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="Registered_capital">
            </li>
            <li>
                <span class="CompanyInfo_name">注册地址：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="Registered_address" >
            </li>
            <li class="textarea_box">
                <span class="CompanyInfo_name ver_top">经营范围：</span>
                <textarea type="text"  class="com_inputStyle" data-name="Scope_peration"></textarea>
                <p class="info_span active" data-name="Scope_peration"></p>
            </li>
            <li id="choose_time">
                <span class="CompanyInfo_name">成立时间：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="time">
            </li>
            <li>
                <span class="CompanyInfo_name">所属工商局：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="Administration">
            </li>
            <li class="select_box">
                <span class="CompanyInfo_name">企业经营状态：</span>
                <!--<textarea type="text"  class="com_inputStyle ">花卉、茶树种植；花茶种植、加工、销售；茶叶种植技术咨询；茶叶生产销售；代用茶生产销售；本企业自营产品的进出口业务；在互联网上销售预包装食品、散装食品；互联网信息服务</textarea>-->
                <select class="com_inputStyle " data-name="OperatingState">
                    <option>在业</option>
                    <option>存续</option>
                    <option>吊销</option>
                    <option>注销</option>
                    <option>迁出</option>
                </select>
                <p class="info_span active" data-name="OperatingState"></p>
                <!--<input type="text" value="在营" readonly class="com_inputStyle" >-->
            </li>
            <li>
                <span class="CompanyInfo_name">行业：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="industry">
            </li>
            <li>
                <span class="CompanyInfo_name">企业地址：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="Enterprise_address">
            </li>
            <!-- <li>
                <span class="CompanyInfo_name">企业总人数：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="Enterprise_people_number">
            </li>
            <li>
                <span class="CompanyInfo_name">研发人员人数：</span>
                <input type="text" value="" readonly class="com_inputStyle" data-name="development_people_number" >
            </li> -->
            <li class="select_box">
                <span class="CompanyInfo_name">技术领域：</span>
                <!--<textarea type="text"  class="com_inputStyle ">花卉、茶树种植；花茶种植、加工、销售；茶叶种植技术咨询；茶叶生产销售；代用茶生产销售；本企业自营产品的进出口业务；在互联网上销售预包装食品、散装食品；互联网信息服务</textarea>-->
                <select class="com_inputStyle" data-name="technicalField">
                    <!--<option value="lll">lll</option>-->
                    <!--<option value="aaa">aaa</option>-->
                    <!--<option value="eee">eee</option>-->
                </select>
                <p class="info_span active" data-name="technicalField"></p>
                <!--<input type="text" value="在营" readonly class="com_inputStyle" >-->
            </li>




            <!--<li>-->
                <!--<span class="CompanyInfo_name">法人代表：</span>-->
                <!--<span class="info_span">法人名字</span>-->
                <!--&lt;!&ndash;<input type="text" value="法人名字"  readonly class="com_inputStyle" >&ndash;&gt;-->
            <!--</li>-->
            <!--<li>-->
                <!--<span class="CompanyInfo_name">法人身份证：</span>-->
                <!--<span class="info_span">43343319790101214X</span>-->
                <!--&lt;!&ndash;<input type="text" value="法人名字"  readonly class="com_inputStyle" >&ndash;&gt;-->
            <!--</li>-->
            <!--<li>-->
                <!--<span class="CompanyInfo_name">地区：</span>-->
                <!--<input type="text" value="浙江省 杭州市" readonly class="com_inputStyle" >-->
            <!--</li>-->

            <!--<li>-->
                <!--<span class="CompanyInfo_name">企业类型：</span>-->
                <!--<input type="text" value="科技" readonly class="com_inputStyle" >-->
            <!--</li>-->
            <!--<li>-->
                <!--<span class="CompanyInfo_name">联系人姓名：</span>-->
                <!--<input type="text" value="周辉" readonly class="com_inputStyle" >-->
            <!--</li>-->
            <!--<li>-->
                <!--<span class="CompanyInfo_name">座机：</span>-->
                <!--<input type="text" value="0571-1234567" readonly class="com_inputStyle" >-->
            <!--</li>-->
            <!--<li>-->
                <!--<span class="CompanyInfo_name">邮箱：</span>-->
                <!--<input type="text" value="pengsu@pengsu.com" readonly class="com_inputStyle" >-->
            <!--</li>-->
            <!--<li>-->
                <!--<span class="CompanyInfo_name">手机号：</span>-->
                <!--<input type="text" value="13612341234" readonly class="com_inputStyle" >-->
            <!--</li>-->
            <a href="" class="btn btn-success modifyInfo_btn ">编辑</a>
        </ul>

        <!--<ul class=" col-sm-12 Authentication_List" id="Authentication_List">-->
            <!--<li>-->
                <!--<span class=""><i class='g_logo'></i>高新技术企业认证 </span>-->
                <!--<botton class="btn btn-sm btn-default" data-toggle="modal" data-target="#BigCompanyModal">未认证</botton>-->

                <!--<div class="modal inmodal" id="BigCompanyModal" tabindex="-1" role="dialog"  aria-hidden="true">-->
                    <!--<div class="modal-dialog">-->
                        <!--<div class="modal-content animated fadeIn">-->
                            <!--<div class="modal-header">-->
                                <!--<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>-->
                                <!--<h4 class="modal-title">高新技术企业认证</h4>-->
                            <!--</div>-->
                            <!--<div class="modal-body">-->
                                <!--<div class="uploadImage_box">-->
                                    <!--<div class="uploadImage_box_style active">-->
                                        <!--<i class="uploadImage_box_logo"></i>-->
                                        <!--<p class="uploadImage_box_remarks">上传企业证书</p>-->
                                        <!--<p class="uploadImage_box_remarks" style='font-size:14px'>(证书格式为图片，且大小不超过2MB)</p>-->
                                    <!--</div>-->
                                    <!--<div class="uploadImage_imgbox_style " id="big_uploadImage_imgbox_style">-->
                                        <!--<img src="">-->
                                    <!--</div>-->
                                    <!--<input type="file" id="BigCompanyModalhiddenUploadImageInput" class="hiddenUploadImageInput" title="点击更换图片">-->

                                <!--</div>-->
                                <!--<div style='' id='big_progress' class='progress'>-->
                                    <!--<div ><span>0%</span></div>-->
                                <!--</div>-->
                                <!--<ul>-->
                                    <!--<li class="modal_input_list">-->
                                        <!--<span>证书编号：</span>-->
                                        <!--<input type="text" value=""  class="com_inputStyle modal_input" placeholder="请输入证书编号" data-name="G_num">-->
                                    <!--</li>-->
                                    <!--<li class="modal_input_list">-->
                                        <!--<span>有效期：</span>-->
                                        <!--<input type="text" value=""  class="com_inputStyle modal_input" placeholder="开始时间及结束时间" id="big_certificate_time" data-name="G_time">-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="modal-footer">-->
                                <!--<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>-->
                                <!--<button type="button" class="btn btn-success G_renzheng_save_btn" data-dismiss="modal">保存</button>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span class=""><i class='l_logo'></i>科技型中小企业认证 </span>-->
                <!--<botton class="btn btn-sm btn-default" data-toggle="modal" data-target="#smallCompanyModal">未认证</botton>-->

                <!--<div class="modal inmodal" id="smallCompanyModal" tabindex="-1" role="dialog"  aria-hidden="true">-->
                    <!--<div class="modal-dialog">-->
                        <!--<div class="modal-content animated fadeIn">-->
                            <!--<div class="modal-header">-->
                                <!--<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>-->
                                <!--<h4 class="modal-title">科技型中小企业认证</h4>-->
                            <!--</div>-->
                            <!--<div class="modal-body">-->
                                <!--<div class="uploadImage_box">-->
                                    <!--<div class="uploadImage_box_style active">-->
                                        <!--<i class="uploadImage_box_logo"></i>-->
                                        <!--<p class="uploadImage_box_remarks">上传企业证书</p>-->
                                        <!--<p class="uploadImage_box_remarks" style='font-size:14px'>(证书格式为图片，且大小不超过2MB)</p>-->
                                    <!--</div>-->
                                    <!--<div class="uploadImage_imgbox_style" id="small_uploadImage_imgbox_style">-->
                                        <!--<img src="">-->
                                    <!--</div>-->
                                    <!--<input type="file" id="smallCompanyModalhiddenUploadImageInput" class="hiddenUploadImageInput" title="点击更换图片">-->

                                <!--</div>-->
                                <!--<div style='' id='small_progress' class='progress'>-->
                                    <!--<div ><span>0%</span></div>-->
                                <!--</div>-->

                                <!--<ul>-->
                                    <!--<li class="modal_input_list">-->
                                        <!--<span>证书编号：</span>-->
                                        <!--<input type="text" value=""  class="com_inputStyle modal_input" placeholder="请输入证书编号" data-name="X_num">-->
                                    <!--</li>-->
                                    <!--&lt;!&ndash; <li class="modal_input_list">-->
                                        <!--<span>有效期：</span>-->
                                        <!--<input type="text" value=""  class="com_inputStyle modal_input" placeholder="开始时间及结束时间" id="small_certificate_time" data-name="X_time">-->
                                    <!--</li> &ndash;&gt;-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="modal-footer">-->
                                <!--<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>-->
                                <!--<button type="button" class="btn btn-success X_renzheng_save_btn" data-dismiss="modal">保存</button>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</li>-->
        <!--</ul>-->

        <div class=" col-sm-12 Shareholder_info">
            <p class="col-sm-12 Shareholder_info_title">
                <span class="Shareholder_info_title_text">股东人信息</span>
            </p>
            <table class="col-sm-12 table table-responsive table-striped Shareholder_table" id="Shareholder_table">
                <thead>
                    <tr>
                        <th>股东</th>
                        <th>持股比例</th>
                        <th>认缴出资额(万元)</th>
                        <!--<th>认缴出资日期</th>-->
                        <th>股东类型</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!--<tr>-->
                        <!--<td>股东A</td>-->
                        <!--<td>80%</td>-->
                        <!--<td>500</td>-->
                        <!--<td>2010-11-11</td>-->
                        <!--<td>自然人股东</td>-->
                        <!--<td><a href="edit_people" class="edit_table">编辑</a></td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td>股东A</td>-->
                        <!--<td>80%</td>-->
                        <!--<td>500</td>-->
                        <!--<td>2010-11-11</td>-->
                        <!--<td>自然人股东</td>-->
                        <!--<td><a href="edit_people" class="edit_table">编辑</a></td>-->
                    <!--</tr>-->
                </tbody>
            </table>
            <ul class="operation_btn">
                <li><a href="add_people" class="btn btn-success btn-sm">添加</a></li>
            </ul>
            <ul class="animated fadeIn add_hiddenBox" lll="add_people" id="add_people">
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>股东姓名：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_name">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>认缴出资额：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_money">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>持股比例(%)：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="add_precent">
                    </div>
                </li>
                <!--<li class="form-group table_btn_list">-->
                    <!--<label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>认缴出资日期：</label>-->
                    <!--<div class="col-sm-9">-->
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="add_time" add_name="add_time">-->
                    <!--</div>-->
                <!--</li>-->
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>股东类型：</label>
                    <div class="col-sm-9">
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_type">-->
                        <select class="form-control table_btn_list_selectStyle" add_name="add_type">
                            <option value="0">自然人股东</option>
                            <option value="1">法人股东</option>
                        </select>
                    </div>
                </li>
                <li class="button_list">
                    <button class="btn btn-sm btn-success" id="add_btn">确认添加</button>
                    <!--<button class="btn btn-sm btn-success" id="add_AddNew_btn">添加并新增</button>-->
                    <button class="btn btn-sm btn-default cancel_btn">取消</button>
                </li>
            </ul>
            <ul class="animated fadeIn add_hiddenBox" lll="edit_people" id="edit_people">
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>股东姓名：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_name">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>认缴出资额：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_money">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>持股比例(%)：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="edit_precent">
                    </div>
                </li>
                <!--<li class="form-group table_btn_list">-->
                    <!--<label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>认缴出资日期：</label>-->
                    <!--<div class="col-sm-9">-->
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="edit_time" add_name="edit_time">-->
                    <!--</div>-->
                <!--</li>-->
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>股东类型：</label>
                    <div class="col-sm-9">
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_type">-->
                        <select class="form-control table_btn_list_selectStyle" add_name="edit_type">
                            <option value="0">自然人股东</option>
                            <option value="1">法人股东</option>
                        </select>
                    </div>
                </li>
                <li class="button_list">
                    <button class="btn btn-sm btn-success" id="save_btn">保存</button>
                    <button class="btn btn-sm btn-default cancel_btn">取消</button>
                </li>
            </ul>
        </div>

        <!--内容没填完，弹框-->
        <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
            您有内容没有填写完哦！
        </div>



    </div>

    <script src="ADMIN_PUBLIC/js/jquery.min.js"></script>
    <script src="ADMIN_PUBLIC/js/bootstrap.min.js"></script>
    <script src="ADMIN_PUBLIC/js/laydate/laydate.js"></script>
    <script src="ADMIN_PUBLIC/js/lu_CompanyInformation.js"></script>
    <!--<script src="ADMIN_PUBLIC/js/progressBar.js"></script>-->

    <script>

        $(function(){
            laydate.render({
                elem: '#big_certificate_time', //指定元素
                theme: '#2881C1',
                range: true,
                done: function(value, date, endDate){
                    console.log(value)
//                    var time_choose = date.year+'年'+date.month+'月'+date.data+'日'
//                    window.add_time = dateVal
                }
            });
            // laydate.render({
                // elem: '#small_certificate_time', //指定元素
                // theme: '#2881C1',
                // range: true,
                // done: function(value, date, endDate){
                    // console.log(value)
//                    var time_choose = date.year+'年'+date.month+'月'+date.data+'日'
//                    window.add_time = dateVal
                // }
            // });

            window.add_time=''
            window.edit_time=''
            laydate.render({
                elem: '#add_time', //指定元素
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'+date.data+'日'
                    window.add_time = dateVal
                }
            });
            laydate.render({
                elem: '#edit_time', //指定元素
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'+date.data+'日'
                    window.edit_time = dateVal
                }
            });

        })


    </script>

</body>
</html>
